<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript">

	$(function() {
		bindShipForm(applyid);
	})




	function bindShipForm(applyid){
		$.ajax({ 
			url: basePath() + 'business/getshipinfo.do',
			data: {"applyid": applyid},
			dataType: "json",
	       contentType: "application/json",
			success: function(data){
		    	if(data.result == 1){
		    		var ship = data.datas[0];
					var jsonShip = JSON.stringify(ship).replace(/\"/g,"'");
					$('#shipname').html('<button type="button" style="padding:0px;" class="btn btn-link" onclick="showShipInfo(' + jsonShip + ');">' + ship.shipname + '</button>');
		    	}
	     	}
		});
	}
	function bindShipData(jsonShip){
		for(var d in jsonShip){
			$('#' + d).html(jsonShip[d]);
		} 
	}
	</script>
</head>
<body>

	<table class="table table-bordered">
	<tbody>
		<tr>
			<td class="tdTitle">
				船舶：
			</td>
			<td colspan="5">
				<span id="shipname"></span>
			</td>
		</tr>
		<tr>
			<td class="tdTitle">
				出发港：
			</td>
			<td colspan="5">
							<span id="departureportorgname"></span>
							-
							<span id="departureportname"></span>
			</td>
		</tr>
		<tr>
			<td class="tdTitle">
				目的港：
			</td>
			<td colspan="5">
							<span id="destinationportorgname"></span>
							-
							<span id="destinationportname"></span>
			</td>
		</tr>
		<tr>
			<td class="tdTitle">
				客货情况：
			</td>
			<td colspan="5">
							<span id="freightsituation"></span>
			</td>
		</tr>
		<tr>
			<td class="tdTitle">
				事件时间：
			</td>
			<td class="tdContent">
							<span id="eventtime"></span>
			</td>
			<td class="tdTitle">
				事件地点：
			</td>
			<td class="tdContent">
							<span id="eventplace"></span>
			</td>
			<td class="tdTitle">
				当时气象情况：
			</td>
			<td class="tdContent">
							<span id="weather"></span>
			</td>
		</tr>
		<tr>
			<td class="tdTitle">
				当时海况：
			</td>
			<td colspan="5">
							<span id="seacondition"></span>
			</td>
		</tr>
		<tr>
			<td class="tdTitle">
				事件过程：
			</td>
			<td colspan="5">
							<span id="eventprocess"></span>
			</td>
		</tr>
		<tr>
			<td class="tdTitle">
				措施：
			</td>
			<td colspan="5">
							<span id="emergentstep"></span>
			</td>
		</tr>
	</tbody>
	</table>
		

</body>			
</html>